<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/longon.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/logonDeng.css">
</head>
<body>
    <header>
        <div class="top">
            <img src="../image/honor.svg" alt="">
        </div>
    </header>
    <section>
        <div class="con">
            <div class="deng">
                <div class="top">
                    荣耀账号
                </div>
                <div class="center">
                        <div class="left">
                            <h2>
                                <a href="#">HONER</a>
                                <img src="../image/下载.png" alt=""></h2>
                            
                            <p>若您使用荣耀手机或平板，请进入”设
                                置”>“荣耀帐号”扫码登录。
                            </p>
                        </div>
                        <div class="right">
                                <div class="one">
                                    <span>国家或地区</span>
                                    <b>中国</b>
                                    <img src="../image/下箭头.png" alt="">
                                </div>
                                <div class="two">
                                    <b>中国 +86</b>
                                    <select name="" id="" value="">
                                        <option value=""></option>
                                        <option value=""></option>
                                        <option value=""></option>
                                    </select>
                                    <span></span>
                                    <input type="text" placeholder="手机号" class="phone">
                                </div>
                                <div class="three">
                                  <input type="text" placeholder="短信验证码" class="passage">  
                                  <a href="">获取验证码</a>
                                </div>
                                <p> <a href="#">忘记密码</a></p>
                                <div class="four">
                                    <a href="#" class="lu">登录/注册</a>
                               </div>
                               <div class="five">
                                <p>其他登录方式</p>
                                <b   class="img1"></b>
                                <b  class="img2"></b>
                           </div>
                        </div>

                </div>
                
               
            </div>
            
        </div>
    </section>
    <footer>
        <div class="a">
                <a href="#">荣耀账号用户协议</a>
                <span></span>
                <a href="#">关于荣耀账号与隐私的声明</a>
                <span></span>
                <a href="#">常见问题</a>
                <span></span>
                <a href="#">Cookie</a> 
                
        </div>
        <p>版权所有 &copy; 2022 保留一切权利</p>
        
    </footer>
</body>
</html>
<script src="../js/jQuery.js"></script>
<script>
    $(".lu").click(function(){
        $.post("../goodsAndShoppingCart/login.php",{
            "username":$(".phone").val(),
            "userpass":$(".passage").val(),
        },function(data){
            if(data == 1){
                console.log(data)
                // console.log("登录成功");
                // let ls = localStorage;
                // ls.setItem(data)
                // location.href = "index.html"
                localStorage.setItem("username",$(".phone").val())
                location.href = "index.html"
            }else{
                console.log("登录失败");
            }
        });
    });
</script>
